<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../static/JS/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../static/JS/zhuce.js"></script>
<link rel="stylesheet" href="../static/CSS/zhuce.css" />
</head>
<body>
<div class="d1">
	<div class="d1a">
		<a href="#">
			<img src="../img/logo.png"/>
		</a>
		<div class="d1b">
			<span>您好，欢迎光临格力商城！</span>
			<a href="#">请登录</a>
		</div>
	</div>
</div>
<div class="d2">
	<div class="d2a">
		<h4 class="zc_tit">新用户注册</h4>
		<div class="d2c">
			<ul class="zc">
				<li>
					<div class="z_item">
						<input class="z_input" type="text" id="username" />
						<span class="z_label">用户名</span>
					</div>
					<div class="z_tips">
						<div class="z_words" style="display:">
							4-20位字符，可由中文、英文、数字或者符号“_”构成
						</div>
						<div class="z_words" style="background-color: #fff4d7;">
							请输入正确的用户名,用户名应为4-20位字符
						</div>
						<div class="z_words" style="background-color: #fff4d7;">
							用户名格式错误,请输入正确的用户名
						</div>
						<div class="z_words" style="background-color: #fff4d7;">
							用户名格式错误,请输入正确的用户名
						</div>
						<div class="z_words" style="background-color: #fff4d7;">
							用户名不能为空
						</div>
					</div>
					<div class="z_right"></div>
				</li>
				<li>
					<div class="z_item">
						<input class="z_input" type="text" id="username" />
						<span class="z_label">手机号</span>
					</div>
					<div class="z_tips">
						<div class="z_words">
							请填写正确的手机号码，以便接收订单通知，找回密码等
						</div>
					</div>
					<div class="z_right"></div>
				</li>
				<li>
					<div class="z_item3">
						<input class="z_input3" type="text" id="username" />
						<span class="z_label">短信验证码</span>
					</div>
					<a class="z_yzm">获取验证码</a>
					<div class="z_tips">
						<div class="z_words">
							
						</div>
					</div>
					<div class="z_right"></div>
				</li>
				<li>
					<div class="z_item">
						<input class="z_input2" type="password" id="username" />
						<span class="z_label">设置密码</span>
					</div>
					<div class="z_tips">
						<div class="z_words">
							6-20个大小写英文字母、数字或者符号的组合
						</div>
					</div>
					<div class="z_right"></div>
				</li>
				<li>
					<div class="z_item">
						<input class="z_input2" type="password" id="username" />
						<span class="z_label">确认密码</span>
					</div>
					<div class="z_tips">
						<div class="z_words" style="height: 25px;width: 90px;line-height: 25px;">
							请再次输入密码
						</div>
					</div>
					<div class="z_right"></div>
				</li>
				<li id="z_agreement">
					<div class="z_agree_word">
						<input type="checkbox" checked="checked" />
						<span class="agree_word">
							已阅读，并同意 
							<a href="#">《格力官方商城用户注册协议》</a>
						</span>
					</div>
					<a class="z_agreement_btn">
						同意协议并注册
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>
</body>
</html>